<template>
  <div>
    父

    <zi :ds="moni" @update="moni = $event">
      <template #default="obj">
        {{ obj.xxx }}
      </template>

    </zi>

    {{ moni }}

  </div>
</template>

<script>

import zi from './components/zi.vue'
export default {
  components: {
    zi
  },

  data() {
    return {
      moni: 18,
      list: [
        {
          id: 1,
          name: '广东升',
          pud: ''
        },
        {
          id: 2,
          name: '广州',
          pud: 1
        },
        {
          id: 3,
          name: '深圳',
          pud: 1
        },
        {
          id: 4,
          name: '宝田',
          pud: 3
        }

      ]
    }
  },

  created() {
    console.log(this.m(this.list))
  },

  methods: {

    // 设置默认值 '' 找到添加children
    m(list, pud = '') {
      return list.filter(v => {
        if (v.pud === pud) {
          // 在通过筛选是否与当前的id值一至最加到
          // 拿到id值和v.pud做判断，如果4个pud没有等于id就不追加
          v.children = this.m(list, v.id)

          return true
        }
      })
    }

  }

}
</script>

<style>

</style>
